<template>
   <div style="padding:20px;" id="app">
        <div class="panel panel-primary">
            <div class="panel-heading">请求参数：</div>
            <table class="table table-bordered table-striped text-center">

                <tbody>
                    <tr v-for="(user,index) in users"  :key="index" >
                      序号:{{index+1}},用户名:{{user.name}},年龄:{{user.age}},毕业学校:{{user.school}}
                    </tr>
                </tbody>
                
            </table>
        </div>
    </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      users: [
        {'name': '李磊', 'age': '25', 'school': '洛阳理工'},
        {'name': '张成', 'age': '23', 'school': '桂林电子科技'},
        {'name': '炼心', 'age': '22', 'school': '江西电子科技'}
      ]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}

tr{
    border: 1px solid black;
    margin-top: 5px;
}
</style>